// 通用的接口调用模块
import axios from 'axios'
import store from '@/store'
import router from '@/router'

// 接口调用的基准路径
const baseURL = 'https://apipc-xiaotuxian-front.itheima.net/'

// 创建axios实例
const instance = axios.create({
  baseURL: baseURL
})

// 请求拦截器:统一添加请求头token
instance.interceptors.request.use(
  (config) => {
    // 统一添加请求头token（token存在时添加）
    const token = store.state.user.profile.token
    if (token) {
      config.headers.Authorization = `Bearer ${token}`
      // config.headers = {
      //   Authorization: `Bearer ${token}`
      // }
    }
    return config
  },
  (err) => {
    return Promise.reject(err)
  }
)

// 响应拦截器
instance.interceptors.response.use(
  (res) => {
    // 处理返回的数据:去掉一层data属性
    return res.data
  },
  (err) => {
    // 处理token失效的情况：失效后跳转到登录页面
    if (err.response && err.response.status === 401) {
      // token失效了，跳转到登录页面
      return router.push('/login')
    }
    return Promise.reject(err)
  }
)

// 保证调用接口是参数统一传递data，作为请求参数
export default (options) => {
  let key = null
  if (options.method) {
    // 传递了method，需要判断是否为get请求，或者是其他请求方式
    if (options.method.toUpperCase() === 'GET') {
      key = 'params'
    } else {
      key = 'data'
    }
  } else {
    // 没有传递method请求方式，默认采用get请求
    key = 'params'
  }
  return instance({
    method: options.method || 'get',
    url: options.url,
    // 对象的key可以是变量（ES6的新特性）
    [key]: options.data
  })
}

// import request from './utils/request.js'
// request({
//   method: 'get',
//   url: '',
//   data: {}
// })
